<template>
    <div class="h-full grid grid-rows-[minmax(152px,1fr)_minmax(236px,1fr)_minmax(256px,1fr)_minmax(256px,1fr)] gap-[20px] unity-left">
      <!-- 总体统计 -->
      <countall class="item2-1"/>
      <!-- 设备概况 -->
      <equipmentprofile class="item2-2"/>
   
      <piecount  class="item2-3" />
      <!-- 告警分析 -->
      <alarmAanalysis class="item2-4" />
     
  
    </div>
  </template>
  <script lang="ts" setup>
  import alarmAanalysis from "./component/alarm-analysis.vue"
    import countall from "./component/countall.vue"
   import equipmentprofile from "./component/equipment-profile.vue"
import piecount from "./component/pie-count.vue"
  
  </script>
  <style scoped lang="scss">
  .unity-left{
    grid-template-areas: 'a'
                         'b'
                         'c'
                         'd'
                        ;
                       
  }
  
  
  
  </style>